<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Home | samaajika</title>
	
	<!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->

<body class="homepage">

    <header id="header">
       
        <nav class="navbar navbar-inverse" role="banner">
            <div class="container">
            <div class="row">
                    <div class="col-sm-4 col-xs-4">
                        
                    </div>
                    <div class="col-sm-8 col-xs-8">
                       <div  class="social">
                            <ul class="social-share">
                   <li><i class="fa fa-phone"></i>&nbsp;&nbsp;+0123 456 70 90</li>
                   <li><i class="fa fa-envelope"></i>&nbsp;&nbsp;ngocompany@gmail.com</li>
  </ul>
                            
                       </div>
                    </div>
                </div>
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand"  href="index.html"><img src="images/a1.png"  alt="samaajika"></a>
                </div>
				
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">Home</a></li>
                         <li class="dropdown">
                            <a href="about.html" >About Us <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="about.html#mission">Our Mission</a></li>
                           <li><a href="about.html#vision">Our Vision</a></li>
                               <li><a href="team.html">The Team</a></li>
                                <li><a href="advantage.html">Advantages</a></li>
                            </ul>
                        </li>
                       <li class="dropdown">
                            <a href="service.html" >Our Services <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="ngoservice.html">NGO Services</a></li>
                           <li><a href="corporateservice .html">Corporate Services</a></li>
                             </ul>
                        </li>
                        <li class="dropdown">
                            <a href="resources.html" >Resources <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                 <li><a href="governmentregulation.html">Government Regulation</a></li>
                           
                             </ul>
                        </li>
                       <li><a href="contact.html">Contact Us</a></li>                                                
                    </ul>
                </div>
            </div><!--/.container-->
        </nav><!--/nav-->
		
    </header><!--/header-->

    <section  class="main-slider no-margin">
        <div class="carousel slide">
           
            <div class="carousel-inner">

                <div class="item active" style="background-image:url(images/b1.gif)">
                    <div class="container">
                        <div class="row slide-margin">
                            <div class="col-sm-4">
                                <div class="carousel-content">
     <h2  class="animation animated-item-1">Lorem ipsum dolor sit amet </h2>
                    <p  class="animation animated-item-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, </p>
                                   
                                </div>
                            </div>
 </div>
                    </div>
                </div><!--/.item-->

                <div class="item" style="background-image:url(images/b2.gif)">
                    <div class="container">
                        <div class="row slide-margin">
                            <div class="col-sm-6">
                                <div class="carousel-content1">
                                    <h2 class="animation animated-item-1">Lorem ipsum dolor sit amet </h2>
                                    <p style="color: #fff;font-size:16px;width:94%;"  class="animation animated-item-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, </p>
                                </div>
                            </div>

                            
                        </div>
                    </div>
                </div><!--/.item-->

                <div class="item" style="background-image:url(images/b3.gif)">
                    <div class="container">
                        <div class="row slide-margin">
                            <div class="col-sm-6">
                                <div class="carousel-content2">
                                    <h2 class="animation animated-item-1 ">Lorem ipsum dolor sit amet </h2>
                                    <p style="color: #fff;font-size:16px;width:94%;"  class="animation animated-item-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, </p>
                                </div>
                            </div>
                           
                        </div>
                    </div>
                </div><!--/.item-->
            </div><!--/.carousel-inner-->
        </div><!--/.carousel-->
        <a class="prev hidden-xs" href=".main-slider" data-slide="prev">
            <i class="fa fa-chevron-left"></i>
        </a>
        <a class="next hidden-xs" href=".main-slider" data-slide="next">
            <i class="fa fa-chevron-right"></i>
        </a>
    </section><!--/#main-slider-->

    <section id="feature" >
        <div class="container">
          <div class="row">
             <div class="col-md-4 col-sm-6">	
              <div class="pp">NGO SEARCH</div>
						<div class="single-profile-top wow fadeInDown animated" style="top:10px;padding:15px !important;">
                        
						   <form>
                           
                           <p><input type="text" name="" placeholder="Location" class="form-control"></p>
                           <p> <input type="text" name="" placeholder="Sector" class="form-control"></p>
                             <p><input type="text" name="" placeholder="Keyword" class="form-control"></p>
                             <p><button type="submit" name="submit" class="btn btn-primary btn-lg" required="required">Search</button></p>
                           </form>           
						</div>
					</div> 
                    <div class="col-md-8 col-sm-6">	
                   
				<div  class="single-profile-top wow fadeInDown animated wtxt">
							  <h2 class="wh2">Welcome to our Company</h2>
							<p class="wptxt">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>

<p class="wptxt">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
                           <a href=""> Read More...</a>
                          
						</div>
					</div>
</div><!--/.col-sm-6-->

                
            </div><!--/.row-->    
        </div><!--/.container-->
    </section><!--/#feature-->

    <section id="recent-works">
        <div class="container">
        <div class="row">
        <div class="col-md-12">
        <div class="center wow fadeInDown">
                <img style="width:100%;" src="images/story.gif">
                
            </div>
        </div>
        <p>&nbsp;</p>
        </div>
            

            <div class="row">
                <div class="col-md-4 col-sm-6">	
						<div class="single-profile-top wow fadeInDown animated" ><h2 class="st1">Lorem ipsum dolor</h2>
							<div class="media stcover">
								<img class="stimg" src="images/stories.gif" >
								
							</div><!--/.media -->
							<p class="st2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                            <p><button type="submit" name="submit" class="btn btn-primary1 btn-lg" required="required">Read More</button></p>
						</div>
					</div>   

                <div class="col-md-4 col-sm-6">	
						<div class="single-profile-top wow fadeInDown animated" ><h2 class="st1">Lorem ipsum dolor</h2>
							<div class="media stcover">
								<img class="stimg" src="images/stories.gif" >
								
							</div><!--/.media -->
							<p class="st2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                            <p><button type="submit" name="submit" class="btn btn-primary1 btn-lg" required="required">Read More</button></p>
						</div>
					</div> 
                    <div class="col-md-4 col-sm-6">	
						<div class="single-profile-top wow fadeInDown animated" ><h2 class="st1">Lorem ipsum dolor</h2>
							<div class="media stcover">
								<img class="stimg" src="images/stories.gif" >
								
							</div><!--/.media -->
							<p class="st2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                            <p><button type="submit" name="submit" class="btn btn-primary1 btn-lg" required="required">Read More</button></p>
						</div>
					</div>
</div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#recent-works-->

    <!--/#services-->

    <!--/#middle-->

    <!--/#content-->

    <!--/#partner-->

    <section id="conatcat-info">
    <div class="col-md-12">
        <div class=" wow fadeInDown">
                <img class="spon" src="images/sponser.gif">
                
            </div>
        </div>
     <div class="container">
    
            <div class="row">
                <div class="col-sm-12">
              
                    <div class="partners">
                <ul>
                    <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms" src="images/s1.gif"></a></li>
                    <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms" src="images/s2.gif"></a></li>
                    <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms" src="images/s3.gif"></a></li>
                    <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms" src="images/s4.gif"></a></li>
                    <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1500ms" src="images/s5.gif"></a></li>
                     <li> <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1800ms" src="images/s6.gif"></a></li>
                      <li > <a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="2100ms" src="images/s7.gif"></a></li>
                    
                </ul>
            </div>
                </div>
            </div>
            <br><br>
        </div><!--/.container-->    
    </section><!--/#conatcat-info-->

    <section id="bottom">
        <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>Quick Links</h3>
                        <ul>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Home</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; About</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Our mission</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Our Advisory Board</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; The Team</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Advantages</a></li>
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>&nbsp;</h3>
                        <ul>
                            <li><a  href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; NGO Services</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Corporate Services</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Resources</a></li>
                            <li><a href="#"><i class="fa fa-lg fa-caret-right fgreen"></i>&nbsp;&nbsp; Government Regulation</a></li>
                            
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>Follow Us</h3>
                        <ul>
                                <li><a href="#"><i><img src="images/facebook.png"></i>&nbsp;&nbsp;<span class="mysoci">Facebook</span></a></li>
                                <li><a href="#"><i><img src="images/tiwtter.png"></i>&nbsp;&nbsp;<span class="mysoci">Twitter</span></a></li>
                                  <li><a href="#"><i><img src="images/gplus.png"></i>&nbsp;&nbsp;<span class="mysoci">Google+</span></a></li>
                            </ul>
                    </div>    
                </div><!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>Contact Us</h3>
                        <p class="fadd"> Address:</p>
                       <p class="fadd1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
                        </p>
                       <p class="fphone"> <i class="fa fa-phone-square"></i> &nbsp;&nbsp;222 333 4444</p>
                       <p class="fphone"> <i class="fa fa-envelope"></i>&nbsp;&nbsp; ngocompany@gmail.com&nbsp;</p>
                    </div>    
                </div><!--/.col-md-3-->
            </div>
        </div>
    </section><!--/#bottom-->

    <footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <span class="copy">&copy; 2015 <a target="_blank" href="" title="">Ngocompany</a>. All Rights Reserved.</span>
                </div>
                <div class="col-sm-6">
                    
                </div>
            </div>
        </div>
    </footer><!--/#footer-->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
</body>
</html>